<template>
<div>
	<div class="bang">
			
	</div>
    <div class="h-header">
    	<router-link to="/user" tag="div" class="s-w">
    	</router-link>
    	<li>{{tit}}</li>
    </div>
    <div class="h-top">
    	<li>优惠券</li>
    	<li>优惠券</li>
    	<li>优惠券</li>
    	<li>优惠券</li>
    	
	</div>
   
 </div>
</template>

<script>
import axios from 'axios'
export default {
    name:'You',
    data(){
        return{
            tit:'优惠券',
        }
    },
       
    mounted() {
        this.$emit('toparent',this.tit)
    },
}
</script>

<style scoped>
.bang{
background: blanchedalmond;
width:100%;
height: 3.67rem;
}
	
.h-header{
position: relative;
width: 100%;
height: 3.5rem;
line-height: 3.5rem;
background-color: rgba(232, 231, 231, 1);
text-align: center;
font-family: Arial;
display: flex;
justify-content: center;
align-items: center;
}
.h-header li{	
width: 11.92rem;
height: 3.5rem;
color: rgba(100, 100, 100, 1);
font-size: 1.4rem;
line-height: 3.5rem;
}


.s-w{
position: absolute;
left: 1rem;
top: 1rem;
width: 1.25rem;
height: 1.25rem;
background:red;
}

.h-top li{
color: rgba(16, 16, 16, 1);
font-size: 1.4rem;
font-family: PingFangSC-regular;
margin: 1.5rem 0;
width: 100%;
height: 5rem;
line-height: 5rem;
border-radius: 0.67rem;
background-color: rgba(238, 238, 238, 1);
text-align: left;
text-indent: 2rem;
}

</style>


